@layout("/common/_container.html"){
<style>
    .optionUl{display: flex;padding: 0;} .optionUl>li{flex: 1}
    .optionUl>li>select{width: 60%;height: 36px;border-radius: 5px;padding-left: 10px;}
    .inputOption,.textareaPosition{margin-top: 15px;}
    .inputContent,.textareaContent{background: #f7f7f7;border:1px solid #dddddd;padding: 15px 40px 10px;position: relative;}
    .inputTitle{display: inline-block;width: 130px;height: 30px;line-height: 30px;text-align: center;background: #00a8cb;color: white;}
    .inputContent>textarea,.toothContent>textarea{width: 99%;height: 40px;padding-left: 10px;}
    .textareaContent{display: flex;align-items: center;position: relative}
    .toothPosition{flex: 1;cursor:pointer;} .toothContent{flex: 6} .textareaDelete{position: absolute;top:50%;transform: translateY(-50%);right: 10px;}
    .textareaDelete>button{background: white;border:1px solid #dddddd;padding: 6px;}
    .textareaDelete>button>span{top:3px;} .toothContent>textarea{width: 99%}
    .toothNone{border:  none;outline:  none;background: none;display: inline-block;width: 35%;}
    .leftUp{border-right: 1px solid #666666;border-bottom: 1px solid #666666;text-align: right;padding-right: 4px}
    .rightUp{border-bottom: 1px solid #666666;padding-left: 4px;margin-left: -10px;}
    .leftDown{border-right: 1px solid #666666;text-align: right;padding-right: 4px}
    .rightDown{padding-left: 4px;margin-left: -10px;}
    .addTooth{float: right;height: 30px;line-height: 30px;color:#909090;cursor:pointer;}
    .contentBox{display: none;position: absolute;background: white;border: 1px solid #dddddd;padding: 20px;width: 94%;top:55px;z-index: 9}
    .contentBox>div{display: flex;padding: 10px 0;align-items: center;}  .contentBox .titleLeft{flex: 1;color: #666666} .contentBox .contentRight{flex: 9}
    .contentBox .contentRight>span{padding: 5px 10px;border-radius: 3px; border:1px solid #cccccc;display: inline-block;margin-bottom: 5px;color: #999999;cursor:pointer;}
    .btnBox>button{padding: 6px 30px;background: #03a8cd;color: white}
    .toothBox{display: flex;flex-flow: column;text-align: center}
    .toothTop,.toothBottom,.toothTop>div,.toothBottom>div{flex: 1;display: flex}
    .toothTop>div,.toothBottom>div{background: #808080;margin: 1px;padding: 2px;}
    .toothTop>div>span,.toothBottom>div>span{flex: 1;color: #666666;border:1px solid transparent}
    .toothTop>div>span:hover,.toothBottom>div>span:hover{border: 1px solid #428bca;}
    .toothTop>div>span{padding: 100px 10px 6px;}  .toothBottom>div>span{padding: 6px 10px 100px;}
    .toothTop>div>span>span,.toothBottom>div>span>span{padding: 3px 11px;background: white}
    .tipsUl{padding: 0;text-align: center;color: #666666}
    .tipsUl>li{float: left;width: 110px;height: 34px;line-height: 34px;border-radius: 3px;border: 1px solid #dddddd}
    .tipsLi{background: #337ab7;color: white}
    .toothTop>div>span>.spanStyle,.toothBottom>div>span>.spanStyle{color:#FFFFFF;background: #337ab7;padding: 3px 11px;}
    .template{  border: 1px solid #00A8CB;  border-radius: 4px;  text-align: center;  height: 30px;  color: #00A8CB;  cursor: pointer; line-height: 28px; }
</style>


<div id="isDealInfoForm">
    <div style="display: none">
        <input type="hidden" id="userName" value="${userName}">
        <input type="hidden" id="customerId" value="${customerId}">
        <input type="hidden" id="reservationsId" value="${reservationsId}">
        <input type="hidden" id="customerStatus" value="${customerStatus}">
    </div>
    <div class="ibox float-e-margins">
        <div class="ibox-content clearfix">
            <!--选项-->
            <div class="col-sm-12">
                <div>
                    <ul class="optionUl">
                        <li>
                            <span>医生：</span>
                            <select name="doctorId" id="doctorId">
                                @for(item in list){
                                    @if(userName == item.doctor ){
                                        <option  value="${item.doctor}" selected="true" >${item.doctor}</option>
                                    @}
                                    @if(userName != item.doctor ){
                                        <option  value="${item.doctor}"  >${item.doctor}</option>
                                    @}

                                @}
                            </select>
                        </li>
                        <li>
                            <span>护士：</span>
                            <select name="nurseId" id="nurseId">
                                @for(item in list1){
                                <option  value="${item.nurse}" >${item.nurse}</option>
                                @}
                            </select>
                        </li>
                        <li>
                            <span>就诊时间：</span>
                            <select name="finnallyTime" id="finnallyTime">
                                @for(item in customerList){
                                <option  value="${item.arrivalTime}" >${item.arrivalTime}</option>
                                @}
                            </select>
                        </li>
                        <li>
                            <span>项目：</span>
                            <select name="payServiceId" id="payServiceId">
                                @for(item in reservationsInfo){
                                <option  value="${item.payServiceId}" >${item.payServiceName}</option>
                                @}
                            </select>
                        </li>
                    </ul>
                </div>
                <div class="inputRadio">
                    <span>类型：</span>
                    <input id="new_clinical" type="radio" name="clinical" value="1" checked="checked">
                    <label for="new_clinical" class="btn">初诊病历</label>
                    <input id="old_clinical" type="radio" name="clinical" value="2">
                    <label for="old_clinical" class="btn">复诊病历</label>
                </div>
            </div>
            <!--模板-->
            <div class="col-sm-12" style="display: none">
                <div class="template" onclick="addCaseList.template()">
                    <span>病历模板</span>
                    <span style="top: 3px;" class="glyphicon glyphicon-menu-down"></span>
                </div>
            </div>
            <!--input框-->
            <div class="col-sm-12">
                <div class="inputOption">
                    <div class="inputTitle"><span class="revisit">主述</span></div>
                    <div class="inputContent">
                        <textarea name="chiefComplaintFocus" id="zhushu"></textarea>
                        <div class="contentBox" style="height: 300px;overflow: auto">
                            <div>
                                <div class="titleLeft">部位：</div>
                                <div class="contentRight">
                                    <span>左上</span>
                                    <span>左下</span>
                                    <span>右上</span>
                                    <span>右下</span>
                                    <span>左</span>
                                    <span>右</span>
                                    <span>上</span>
                                    <span>下</span>
                                    <span>前牙</span>
                                    <span>后牙</span>
                                    <span>前后牙</span>
                                    <span>半口牙</span>
                                    <span>全口牙</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">症状：</div>
                                <div class="contentRight">
                                    <span>有洞</span>
                                    <span>折断</span>
                                    <span>缺失</span>
                                    <span>咬合不适</span>
                                    <span>食物嵌塞</span>
                                    <span>刷牙出血</span>
                                    <span>牙冠变色</span>
                                    <span>牙列不齐</span>
                                    <span>充填物脱落</span>
                                    <span>冷热刺激痛</span>
                                    <span>冷热酸甜敏感</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">时间：</div>
                                <div class="contentRight">
                                    <span>1小时</span>
                                    <span>1天</span>
                                    <span>1周</span>
                                    <span>1月</span>
                                    <span>1年</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">要求：</div>
                                <div class="contentRight">
                                    <span>要求拔牙</span>
                                    <span>要求洗牙</span>
                                    <span>要求镶牙</span>
                                    <span>要求矫正</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">转诊：</div>
                                <div class="contentRight">
                                    <span>接牙体转诊</span>
                                    <span>接修复转诊</span>
                                    <span>接牙周转诊</span>
                                    <span>接外科转诊</span>
                                    <span>接正畸转诊</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">复诊：</div>
                                <div class="contentRight">
                                    <span>无明显不适，今日继续治疗</span>
                                    <span>无明显不适，今日治疗</span>
                                    <span>定期复诊洁治</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="inputOption single">
                    <div class="inputTitle"><span>现病史</span></div>
                    <div class="inputContent">
                        <textarea name="nowMedicalHistory" id="nowMedicalHistory"></textarea>
                        <div class="contentBox" style="height: 300px;overflow: auto">
                            <div>
                                <div class="titleLeft">时间：</div>
                                <div class="contentRight">
                                    <span>1小时前</span>
                                    <span>1天前</span>
                                    <span>1周前</span>
                                    <span>1月来</span>
                                    <span>1年来</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">部位：</div>
                                <div class="contentRight">
                                    <span>左上</span>
                                    <span>左下</span>
                                    <span>右上</span>
                                    <span>右下</span>
                                    <span>左</span>
                                    <span>右</span>
                                    <span>上</span>
                                    <span>下</span>
                                    <span>前牙</span>
                                    <span>后牙</span>
                                    <span>前后牙</span>
                                    <span>半口牙</span>
                                    <span>全口牙</span>
                                    <span>患者自觉</span>
                                    <span>体检发现</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">症状：</div>
                                <div class="contentRight">
                                    <span>有洞</span>
                                    <span>折断</span>
                                    <span>缺失</span>
                                    <span>咬合不适</span>
                                    <span>食物嵌塞</span>
                                    <span>刷牙出血</span>
                                    <span>牙冠变色</span>
                                    <span>牙列不齐</span>
                                    <span>充填物脱落</span>
                                    <span>冷热刺激痛</span>
                                    <span>冷热酸甜敏感</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">治疗情况：</div>
                                <div class="contentRight">
                                    <span>未治疗。</span>
                                    <span>本院治疗，</span>
                                    <span>外院治疗，</span>
                                    <span>牙髓治疗，</span>
                                    <span>充填治疗，</span>
                                    <span>牙周治疗，</span>
                                    <span>治疗，具体不详，</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">症状变化：</div>
                                <div class="contentRight">
                                    <span>缓解，</span>
                                    <span>稍缓解，</span>
                                    <span>未缓解，</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">口腔习惯：</div>
                                <div class="contentRight">
                                    <span>刷牙 2次/日，2min/次，不使用牙线，不使用间隙刷。</span>
                                    <span>使用电动牙刷</span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="inputOption single">
                    <div class="inputTitle"><span>既往史</span></div>
                    <div class="inputContent">
                        <textarea name="beforeMedicalHistory" id="beforeMedicalHistory"></textarea>
                        <div class="contentBox" style="height: 300px;overflow: auto">
                            <div>
                                <div class="titleLeft">常规：</div>
                                <div class="contentRight">
                                    <span>体健.</span>
                                    <span>无特殊.</span>
                                    <span>否认系统性病史.</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">高血压：</div>
                                <div class="contentRight">
                                    <span>否认高血压.</span>
                                    <span>高血压10年,服药控制,高压/低压 140/80mmHg.</span>
                                    <span>每日服用抗高压药物</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">心脏病：</div>
                                <div class="contentRight">
                                    <span>否认心脏病,</span>
                                    <span>心脏病史 5年,</span>
                                    <span>每日服用阿司匹林,</span>
                                    <span>每日服用华法令,</span>
                                    <span>未服抗凝药,</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">糖尿病：</div>
                                <div class="contentRight">
                                    <span>否认糖尿病,</span>
                                    <span>糖尿病史 5年,</span>
                                    <span>维持血糖 mmol/L,</span>
                                    <span>每日服用抗糖尿病药物</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">药物过敏：</div>
                                <div class="contentRight">
                                    <span>不详,</span>
                                    <span>否认药物过敏,</span>
                                    <span>青霉素类过敏,</span>
                                    <span>磺胺类过敏,</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">传染病史：</div>
                                <div class="contentRight">
                                    <span>乙型肝炎病史,</span>
                                    <span>AIDS病史,</span>
                                    <span>结核病史,</span>
                                    <span>甲型肝炎病史,</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">家族病史：</div>
                                <div class="contentRight">
                                    <span>无特殊家族病史,</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--牙位-->
            <div class="col-sm-12">
                <div class="textareaPosition">
                    <div class="inputTitle"><span>口腔检查</span></div>
                    <div class="textareaContent">
                        <div class="toothPosition">
                            <input class="toothNone leftUp leftUp1" type="text" value="">
                            <input class="toothNone rightUp rightUp1" type="text" value="">
                            <input class="toothNone leftDown leftDown1" type="text" value="">
                            <input class="toothNone rightDown rightDown1" type="text" value="">
                        </div>
                        <div class="toothContent">
                            <textarea style="height: 70px;" class="remarks1"></textarea>
                            <div class="contentBox" style="width: 80%;top: 85px;height: 300px;overflow: auto">
                                <div>
                                    <div class="titleLeft">常规检查：</div>
                                    <div class="contentRight">
                                        <span>探</span>
                                        <span>叩</span>
                                        <span>松动</span>
                                        <span>牙龈</span>
                                        <span>-,</span>
                                        <span>±,</span>
                                        <span>+,</span>
                                        <span>+ +,</span>
                                        <span>+ + +,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">特殊检查：</div>
                                    <div class="contentRight">
                                        <span>冷测试</span>
                                        <span>热测试</span>
                                        <span>电活力测试</span>
                                        <span>敏感,</span>
                                        <span>疼痛,</span>
                                        <span>迟钝,</span>
                                        <span>无反应,</span>
                                        <span>正常,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">龋坏：</div>
                                    <div class="contentRight">
                                        <span>浅龋坏,</span>
                                        <span>龋坏,</span>
                                        <span>深大龋坏,</span>
                                        <span>白垩色,</span>
                                        <span>墨浸样改变,</span>
                                        <span>质软,</span>
                                        <span>质硬,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">非龋坏：</div>
                                    <div class="contentRight">
                                        <span>畸形尖,</span>
                                        <span>畸形沟,</span>
                                        <span>冠根折,</span>
                                        <span>微裂纹,</span>
                                        <span>氟斑牙,</span>
                                        <span>楔形缺损,</span>
                                        <span>重度磨耗,</span>
                                        <span>釉质发育不全,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">旧填充：</div>
                                    <div class="contentRight">
                                        <span>牙色充填体,</span>
                                        <span>银汞充填体,</span>
                                        <span>电活力测试</span>
                                        <span>暂封材料,,</span>
                                        <span>边缘可,</span>
                                        <span>边缘蜜合,</span>
                                        <span>边缘不蜜合,</span>
                                        <span>继发龋坏,</span>
                                        <span>悬突,</span>
                                        <span>充填体部分脱落,</span>
                                        <span>充填体折断,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">牙周：</div>
                                    <div class="contentRight">
                                        <span>口腔卫生状况不良,牙龈红肿,</span>
                                        <span>牙石,</span>
                                        <span>软垢,</span>
                                        <span>色素,</span>
                                        <span>BI=</span>
                                        <span>PD=</span>
                                        <span>AL=</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">修复：</div>
                                    <div class="contentRight">
                                        <span>缺失,未修复,</span>
                                        <span>缺失,活动义齿修复,</span>
                                        <span>缺失,种植体修复,</span>
                                        <span>缺失,固定修复,</span>
                                        <span>缺隙近远中距离 mm,</span>
                                        <span>颌龈距 mm,</span>
                                        <span>无对牙合牙,</span>
                                        <span>压槽峭丰满,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">咬合：</div>
                                    <div class="contentRight">
                                        <span>前牙,</span>
                                        <span>后牙,</span>
                                        <span>深覆合,</span>
                                        <span>深覆盖,</span>
                                        <span>对刃,</span>
                                        <span>开合,</span>
                                        <span>反合,</span>
                                        <span>锁合,</span>
                                        <span>尖牙关系,</span>
                                        <span>磨牙关系,</span>
                                        <span>近中,</span>
                                        <span>远中,</span>
                                        <span>正常,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">关节：</div>
                                    <div class="contentRight">
                                        <span>左侧关节,</span>
                                        <span>右侧关节</span>
                                        <span>两侧关节,</span>
                                        <span>疼痛,</span>
                                        <span>弹响,</span>
                                        <span>压痛,</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="textareaDelete">
                            <button type="button" class="btn deleteBtn"><span class="glyphicon glyphicon-trash"></span></button>
                        </div>
                    </div>
                    <div class="clearfix"><div class="addTooth">添加牙位</div></div>
                </div>
                <div class="textareaPosition">
                    <div class="inputTitle"><span>辅助检查</span></div>
                    <div class="textareaContent">
                        <div class="toothPosition">
                            <input class="toothNone leftUp leftUp2" type="text" value="">
                            <input class="toothNone rightUp rightUp2" type="text" value="">
                            <input class="toothNone leftDown leftDown2" type="text" value="">
                            <input class="toothNone rightDown rightDown2" type="text" value="">
                        </div>
                        <div class="toothContent">
                            <textarea style="height: 70px;"  class="remarks2"></textarea>
                            <div class="contentBox" style="width: 80%;top: 85px;height: 300px;overflow: auto">
                                <div>
                                    <div class="titleLeft">常规检查：</div>
                                    <div class="contentRight">
                                        <span>探</span>
                                        <span>叩</span>
                                        <span>松动</span>
                                        <span>牙龈</span>
                                        <span>-,</span>
                                        <span>±,</span>
                                        <span>+,</span>
                                        <span>+ +,</span>
                                        <span>+ + +,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">特殊检查：</div>
                                    <div class="contentRight">
                                        <span>冷测试</span>
                                        <span>热测试</span>
                                        <span>电活力测试</span>
                                        <span>敏感,</span>
                                        <span>疼痛,</span>
                                        <span>迟钝,</span>
                                        <span>无反应,</span>
                                        <span>正常,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">龋坏：</div>
                                    <div class="contentRight">
                                        <span>浅龋坏,</span>
                                        <span>龋坏,</span>
                                        <span>深大龋坏,</span>
                                        <span>白垩色,</span>
                                        <span>墨浸样改变,</span>
                                        <span>质软,</span>
                                        <span>质硬,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">非龋坏：</div>
                                    <div class="contentRight">
                                        <span>畸形尖,</span>
                                        <span>畸形沟,</span>
                                        <span>冠根折,</span>
                                        <span>微裂纹,</span>
                                        <span>氟斑牙,</span>
                                        <span>楔形缺损,</span>
                                        <span>重度磨耗,</span>
                                        <span>釉质发育不全,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">旧填充：</div>
                                    <div class="contentRight">
                                        <span>牙色充填体,</span>
                                        <span>银汞充填体,</span>
                                        <span>电活力测试</span>
                                        <span>暂封材料,,</span>
                                        <span>边缘可,</span>
                                        <span>边缘蜜合,</span>
                                        <span>边缘不蜜合,</span>
                                        <span>继发龋坏,</span>
                                        <span>悬突,</span>
                                        <span>充填体部分脱落,</span>
                                        <span>充填体折断,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">牙周：</div>
                                    <div class="contentRight">
                                        <span>口腔卫生状况不良,牙龈红肿,</span>
                                        <span>牙石,</span>
                                        <span>软垢,</span>
                                        <span>色素,</span>
                                        <span>BI=</span>
                                        <span>PD=</span>
                                        <span>AL=</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">修复：</div>
                                    <div class="contentRight">
                                        <span>缺失,未修复,</span>
                                        <span>缺失,活动义齿修复,</span>
                                        <span>缺失,种植体修复,</span>
                                        <span>缺失,固定修复,</span>
                                        <span>缺隙近远中距离 mm,</span>
                                        <span>颌龈距 mm,</span>
                                        <span>无对牙合牙,</span>
                                        <span>压槽峭丰满,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">咬合：</div>
                                    <div class="contentRight">
                                        <span>前牙,</span>
                                        <span>后牙,</span>
                                        <span>深覆合,</span>
                                        <span>深覆盖,</span>
                                        <span>对刃,</span>
                                        <span>开合,</span>
                                        <span>反合,</span>
                                        <span>锁合,</span>
                                        <span>尖牙关系,</span>
                                        <span>磨牙关系,</span>
                                        <span>近中,</span>
                                        <span>远中,</span>
                                        <span>正常,</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">关节：</div>
                                    <div class="contentRight">
                                        <span>左侧关节,</span>
                                        <span>右侧关节</span>
                                        <span>两侧关节,</span>
                                        <span>疼痛,</span>
                                        <span>弹响,</span>
                                        <span>压痛,</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="textareaDelete">
                            <button type="button" class="btn deleteBtn"><span class="glyphicon glyphicon-trash"></span></button>
                        </div>
                    </div>
                    <div class="clearfix"><div class="addTooth">添加牙位</div></div>
                </div>
                <div class="textareaPosition">
                    <div class="inputTitle"><span>诊断</span></div>
                    <div class="textareaContent">
                        <div class="toothPosition">
                            <input class="toothNone leftUp leftUp3" type="text" value="">
                            <input class="toothNone rightUp rightUp3" type="text" value="">
                            <input class="toothNone leftDown leftDown3" type="text" value="">
                            <input class="toothNone rightDown rightDown3" type="text" value="">
                        </div>
                        <div class="toothContent">
                            <textarea style="height: 70px;" class="remarks3"></textarea>
                            <div class="contentBox" style="width: 80%;top: 85px;height: 300px;overflow: auto">
                                <div>
                                    <div class="contentRight">
                                        <span>深龋（LC01） </span>
                                        <span>继发龋（LC02）</span>
                                        <span>楔状缺损（LC03）</span>
                                        <span>慢性牙髓炎（LC04）</span>
                                        <span>慢性根尖炎（LC05）</span>
                                        <span>慢性牙周炎（LC06）</span>
                                        <span>冠周炎（LC07）</span>
                                        <span>残根（LC08）</span>
                                        <span>残冠（LC09）</span>
                                        <span>阻生齿（LC10）</span>
                                        <span>牙列缺损（LC11）</span>
                                        <span>牙列缺失（LC12）</span>
                                        <span>不良修复体（LC13）</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="textareaDelete">
                            <button type="button" class="btn deleteBtn"><span class="glyphicon glyphicon-trash"></span></button>
                        </div>
                    </div>
                    <div class="clearfix"><div class="addTooth">添加牙位</div></div>
                </div>
                <div class="textareaPosition">
                    <div class="inputTitle"><span>治疗计划</span></div>
                    <div class="textareaContent">
                        <div class="toothPosition">
                            <input class="toothNone leftUp leftUp4" type="text" value="">
                            <input class="toothNone rightUp rightUp4" type="text" value="">
                            <input class="toothNone leftDown leftDown4" type="text" value="">
                            <input class="toothNone rightDown rightDown4" type="text" value="">
                        </div>
                        <div class="toothContent">
                            <textarea style="height: 70px;" class="remarks4"></textarea>
                            <div class="contentBox" style="width: 80%;top: 85px;height: 300px;overflow: auto">
                                <div>
                                    <div class="titleLeft">修复：</div>
                                    <div class="contentRight">
                                        <span>冠修复</span>
                                        <span>桩冠修复</span>
                                        <span>右固定桥修复上</span>
                                        <span>活动义齿修复</span>
                                        <span>全口活动义齿修复</span>
                                        <span>种植修复</span>
                                        <span>贴面修复</span>
                                        <span>美白</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">儿牙：</div>
                                    <div class="contentRight">
                                        <span>窝沟封闭</span>
                                        <span>充填治疗</span>
                                        <span>根管治疗</span>
                                        <span>乳牙拔除</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">外科：</div>
                                    <div class="contentRight">
                                        <span>拔出</span>
                                        <span>手术切除</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">正畸：</div>
                                    <div class="contentRight">
                                        <span>隐形矫治</span>
                                        <span>固定矫治</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">牙体牙髓：</div>
                                    <div class="contentRight">
                                        <span>充填治疗</span>
                                        <span>根管治疗</span>
                                        <span>根管再治疗</span>
                                        <span>根管治疗+冠修复</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">牙周：</div>
                                    <div class="contentRight">
                                        <span>OHI </span>
                                        <span>洁治</span>
                                        <span>刮治、根面平整</span>
                                        <span>冠延长手术</span>
                                        <span>牙周手术</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="textareaDelete">
                            <button type="button" class="btn deleteBtn"><span class="glyphicon glyphicon-trash"></span></button>
                        </div>
                    </div>
                    <div class="clearfix"><div class="addTooth">添加牙位</div></div>
                </div>
                <div class="textareaPosition">
                    <div class="inputTitle"><span>处置</span></div>
                    <div class="textareaContent">
                        <div class="toothPosition">
                            <input class="toothNone leftUp leftUp5" type="text" value="">
                            <input class="toothNone rightUp rightUp5" type="text" value="">
                            <input class="toothNone leftDown leftDown5" type="text" value="">
                            <input class="toothNone rightDown rightDown5" type="text" value="">
                        </div>
                        <div class="toothContent">
                            <textarea style="height: 70px;" class="remarks5"></textarea>
                            <div class="contentBox" style="width: 80%;top: 85px;height: 300px;overflow: auto">
                                <div>
                                    <div class="titleLeft">口腔宣教：</div>
                                    <div class="contentRight">
                                        <span>OHI口腔卫生宣教，刷牙、牙线、间隙刷使用宣教。</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">知情同意：</div>
                                    <div class="contentRight">
                                        <span>向患者交代病情、治疗计划、费用、预后等，患者知情并同意治疗</span>
                                        <span>解释病情，患者及家属知情，要求考虑，择日治疗。</span>
                                        <span>告知病情，治疗方案，费用，风险，患者要求拔牙，知情同意</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">麻醉：</div>
                                    <div class="contentRight">
                                        <span>4%阿替卡因局部浸润麻醉， </span>
                                        <span>4%阿替卡因阻滞麻醉，</span>
                                        <span>2%利多卡因局部浸润麻醉，</span>
                                        <span>2%利多卡因阻滞麻醉，</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">充填：</div>
                                    <div class="contentRight">
                                        <span>去尽腐质，达牙本质深层，未及露髓点,比色,排龈,上领面修复系统,护髓,垫底，树脂充填，调磨充填体高点，抛光</span>
                                        <span>去旧充填体，</span>
                                        <span>dycal护髓，</span>
                                        <span>玻璃离子垫底，</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">根管：</div>
                                    <div class="contentRight">
                                        <span>去腐质未尽露髓，出血大量，扩大穿髓孔，封无砷失活剂，Cervitron暂封。</span>
                                        <span>去暂封，取封药，揭顶，探及3根管，拔髓不成形，少量出血，手用锉疏通根管至15#，测根长。</span>
                                        <span>Glyde辅助下，机用镍钛，根管预备。</span>
                                        <span>冲洗，荡洗，干燥，根管封药，暂封。</span>
                                        <span>试主尖片，达根长，荡洗，拭净，热牙胶根充，垫底，GIC暂封。</span>
                                        <span>拍片，恰填。</span>
                                        <span>根管不通畅，疏通根管，超声尖去除髓腔钙化物。</span>
                                        <span>橡皮障，</span>
                                        <span>显微镜，</span>
                                        <span>5.25%NaClO冲洗，</span>
                                        <span>封药Ca（OH）2，</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">牙周：</div>
                                    <div class="contentRight">
                                        <span>3%双氧水含漱，超声洁治、抛光，3%双氧水冲洗，上药。</span>
                                        <span>刮治，根面平整。</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">拔牙：</div>
                                    <div class="contentRight">
                                        <span>分龈，增隙、挺松，钳拔除，搔刮，生理盐水冲洗，置明胶海绵，压迫止血。</span>
                                        <span>切开翻瓣，</span>
                                        <span>缝合，1针。</span>
                                        <span>消毒，拆线，生理盐水冲洗。</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">修复：</div>
                                    <div class="contentRight">
                                        <span>基牙预备，精修。</span>
                                        <span>制取硅橡胶印模，硅橡胶咬合记录，</span>
                                        <span>临时冠修复。</span>
                                        <span>去除临时冠及暂封材料，清洁基牙和修复体，</span>
                                        <span>试戴修复体边缘密合，邻接良好。</span>
                                        <span>调合、抛光，永久粘固。</span>
                                        <span>灌制石膏模型，口外制作个别托盘。</span>
                                        <span>试支架，就位顺利，基托密合，固位良好，无翘动。</span>
                                        <span>戴义齿，就位顺利，固位良好，基托密合，无翘动。</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">种植：</div>
                                    <div class="contentRight">
                                        <span>常规消毒铺巾，4%阿替卡因1.7mlX1支/碧兰麻局部浸润麻醉，在牙槽嵴顶做水平切口，全层切开粘骨膜，翻瓣，定位，备洞至预定深度，置入植体，旋入覆盖螺丝，减张缝合，拍片位置可。</span>
                                        <span>植入骨粉，</span>
                                        <span>种植术区消毒，拆除缝合线，局部上药。</span>
                                        <span>切开翻瓣，暴露覆盖螺丝。拆下覆盖螺丝，局部冲洗，旋入愈合帽，加扭力15Ncm。</span>
                                        <span>旋出愈合帽，局部冲洗吹干。旋入取模柱，拍片确认取模柱到位，制取硅橡胶印模。重新旋入愈合帽。咬合记录。</span>
                                        <span>旋出愈合帽，局部冲洗吹干。 在就位导板的引导下旋入种植基台，拍片确认基台到位。试戴，冠边缘密合性良好，邻接良好。 调合、抛光。患者对修复体形态颜色满意，确认后，基台加扭力35Ncm。封闭螺丝孔。</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="titleLeft">正畸：</div>
                                    <div class="contentRight">
                                        <span>取模型，照相，正、侧位片。</span>
                                        <span>粘托槽、带环。</span>
                                        <span>去除托槽、带环。</span>
                                        <span>加力，</span>
                                        <span>片切，</span>
                                        <span>调合，</span>
                                        <span>弓丝：尺寸，材质，弯曲。</span>
                                        <span>牵引：类型，型号，时间。</span>
                                        <span>牵引：类型，型号，时间。</span>
                                        <span>活动矫治器：类型，处置。</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="textareaDelete">
                            <button type="button" class="btn deleteBtn"><span class="glyphicon glyphicon-trash"></span></button>
                        </div>
                    </div>
                    <div class="clearfix"><div class="addTooth">添加牙位</div></div>
                </div>
            </div>
            <!--input框-->
            <div class="col-sm-12">
                <div class="inputOption">
                    <div class="inputTitle"><span>医嘱</span></div>
                    <div class="inputContent">
                        <textarea name="doctorAdvice" id="doctorAdvice"></textarea>
                        <div class="contentBox" style="height: 300px;overflow: auto">
                            <div>
                                <div class="titleLeft">常规医嘱：</div>
                                <div class="contentRight">
                                    <span>不适随诊</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">充填医嘱：</div>
                                <div class="contentRight">
                                    <span>忌咬硬物，若出现牙髓症状行根管治疗。</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">根管医嘱：</div>
                                <div class="contentRight">
                                    <span>不随随诊，约两周后复诊取出失活剂。</span>
                                    <span>勿咬硬物，一周后复诊。</span>
                                </div>
                            </div>
                            <div>
                                <div class="titleLeft">拔牙医嘱：</div>
                                <div class="contentRight">
                                    <span>嘱不适随诊，咬棉卷40min，24h不刷牙漱口，2h后可饮食，建议饮食不要太热。</span>
                                    <span>一周复诊拆线。</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="inputOption">
                    <div class="inputTitle"><span>备注</span></div>
                    <div class="inputContent">
                        <textarea name="remarks" id="remarks"></textarea>
                    </div>
                </div>
            </div>
            <!--button-->
            <div class="col-sm-12">
                <div class="btnBox" style="margin-top: 20px;">
                    <button type="button" class="btn" id="deal" onclick="addCaseList.save()">保存</button>
                    <button type="button" class="btn" id="cancel" onclick="addCaseList.close()" style="background: #da6792">取消</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="noneBox" style="display: none">
    <div id="tipsBox">
        <ul class="tipsUl clearfix">
            <li style="cursor:pointer;" class="tipsLi">恒牙</li>
            <li style="cursor:pointer;">乳牙</li>
        </ul>
        <div>
            <div id="permanent" >
                <div class="toothBox">
                    <div class="toothTop" >
                        <div class="toothTopLeft">
                            <span style="background: url('${ctxPath}/static/img/Tooth_18_Facial.png') no-repeat center top;background-size: 90%"><span>8</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_17_Facial.png') no-repeat center top;background-size: 90%"><span>7</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_16_Facial.png') no-repeat center top;background-size: 91%"><span>6</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_15_Facial.png') no-repeat center top;background-size: 61%"><span>5</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_14_Facial.png') no-repeat center top;background-size: 64%"><span>4</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_13_Facial.png') no-repeat center top;background-size: 55%"><span>3</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_12_Facial.png') no-repeat center top;background-size: 55%"><span>2</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_11_Facial.png') no-repeat center top;background-size: 67%"><span>1</span></span>
                        </div>
                        <div class="toothTopRight">
                            <span style="background: url('${ctxPath}/static/img/Tooth_21_Facial.png') no-repeat center top;background-size: 67%"><span>1</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_22_Facial.png') no-repeat center top;background-size: 55%"><span>2</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_23_Facial.png') no-repeat center top;background-size: 55%"><span>3</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_24_Facial.png') no-repeat center top;background-size: 64%"><span>4</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_25_Facial.png') no-repeat center top;background-size: 62%"><span>5</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_26_Facial.png') no-repeat center top;background-size: 91%"><span>6</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_27_Facial.png') no-repeat center top;background-size: 90%"><span>7</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_28_Facial.png') no-repeat center top;background-size: 90%"><span>8</span></span>
                        </div>
                    </div>
                    <div class="toothBottom">
                        <div class="toothBottomLeft">
                            <span style="background: url('${ctxPath}/static/img/Tooth_48_Facial.png') no-repeat center 36px;background-size: 100%"><span>8</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_47_Facial.png') no-repeat center bottom;background-size: 85%"><span>7</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_46_Facial.png') no-repeat center bottom;background-size: 91%"><span>6</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_45_Facial.png') no-repeat center bottom;background-size: 55%"><span>5</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_44_Facial.png') no-repeat center bottom;background-size: 56%"><span>4</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_43_Facial.png') no-repeat center bottom;background-size: 49%"><span>3</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_42_Facial.png') no-repeat center bottom;background-size: 45%"><span>2</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_41_Facial.png') no-repeat center bottom;background-size: 45%"><span>1</span></span>
                        </div>
                        <div class="toothBottomRight">
                            <span style="background: url('${ctxPath}/static/img/Tooth_31_Facial.png') no-repeat center bottom;background-size: 45%"><span>1</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_32_Facial.png') no-repeat center bottom;background-size: 45%"><span>2</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_33_Facial.png') no-repeat center bottom;background-size: 49%"><span>3</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_34_Facial.png') no-repeat center bottom;background-size: 58%"><span>4</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_35_Facial.png') no-repeat center bottom;background-size: 56%"><span>5</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_36_Facial.png') no-repeat center bottom;background-size: 93%"><span>6</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_37_Facial.png') no-repeat center bottom;background-size: 85%"><span>7</span></span>
                            <span style="background: url('${ctxPath}/static/img/Tooth_38_Facial.png') no-repeat center 36px;background-size: 100%"><span>8</span></span>
                        </div>
                    </div>
                </div>
            </div>
            <div style="display: none" id="deciduous">
                <div class="toothTop" >
                    <div class="toothTopLeft">
                        <span style="background: url('${ctxPath}/static/img/Tooth_55_Facial.png') no-repeat center top;background-size: 84%"><span>E</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_54_Facial.png') no-repeat center top;background-size: 82%"><span>D</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_53_Facial.png') no-repeat center top;background-size: 59%"><span>C</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_52_Facial.png') no-repeat center top;background-size: 58%"><span>B</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_51_Facial.png') no-repeat center top;background-size: 71%"><span>A</span></span>
                    </div>
                    <div class="toothTopRight">
                        <span style="background: url('${ctxPath}/static/img/Tooth_61_Facial.png') no-repeat center top;background-size: 71%"><span>A</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_62_Facial.png') no-repeat center top;background-size: 58%"><span>B</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_63_Facial.png') no-repeat center top;background-size: 59%"><span>C</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_64_Facial.png') no-repeat center top;background-size: 82%"><span>D</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_65_Facial.png') no-repeat center top;background-size: 84%"><span>E</span></span>
                    </div>
                </div>
                <div class="toothBottom">
                    <div class="toothBottomLeft">
                        <span style="background: url('${ctxPath}/static/img/Tooth_85_Facial.png') no-repeat center bottom;background-size: 90%"><span>E</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_84_Facial.png') no-repeat center bottom;background-size: 100%"><span>D</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_83_Facial.png') no-repeat center bottom;background-size: 51%"><span>C</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_82_Facial.png') no-repeat center bottom;background-size: 48%"><span>B</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_82_Facial.png') no-repeat center bottom;background-size: 48%"><span>A</span></span>
                    </div>
                    <div class="toothBottomRight">
                        <span style="background: url('${ctxPath}/static/img/Tooth_71_Facial.png') no-repeat center bottom;background-size: 48%"><span>A</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_72_Facial.png') no-repeat center bottom;background-size: 48%"><span>B</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_73_Facial.png') no-repeat center bottom;background-size: 51%"><span>C</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_74_Facial.png') no-repeat center bottom;background-size: 100%"><span>D</span></span>
                        <span style="background: url('${ctxPath}/static/img/Tooth_75_Facial.png') no-repeat center bottom;background-size: 88%"><span>E</span></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/doctorLooked/save_case.js"></script>

@}